<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>情绪分析 - AI情绪魔镜</title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
  <div id="app">
    <header>
      <h1>情绪分析</h1>
    </header>
    <main class="page">
      <h2>情绪分析详情</h2>
      <p>这里是情绪分析功能的详细内容。</p>
      <!-- 未来这里会加入表情识别、语音分析等模块 -->
    </main>
    <footer>
      <nav>
        <button onclick="window.location.href='index.html'">
          <i class="fas fa-home"></i>
          <span>首页</span>
        </button>
        <button class="active">
          <i class="fas fa-face-grin-beam"></i>
          <span>情绪分析</span>
        </button>
        <button onclick="window.location.href='hrv.html'">
          <i class="fas fa-heart-pulse"></i>
          <span>心率分析</span>
        </button>
        <button onclick="window.location.href='result.html'">
          <i class="fas fa-square-poll-vertical"></i>
          <span>检测结果</span>
        </button>
        <button onclick="window.location.href='my.html'">
          <i class="fas fa-user"></i>
          <span>我的</span>
        </button>
      </nav>
    </footer>
  </div>
  <script src="main.js"></script>
</body>
</html> 